const { defineConfig } = require('@vue/cli-service')

const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");

module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    resolve: {
      fallback: {
        fs: false,
        crypto: require.resolve("crypto-browserify"),
        stream: require.resolve("stream-browserify"),
      },
    },
    plugins: [new NodePolyfillPlugin()],
  },

  // chainWebpack: (config) => {
  //   // 配置别名
  //   config.resolve.fallback
  //     .set('@', resolve('src'))
  // },







  //1、 简单配置，只能代理一个服务器，项目中，我们要代理多个服务
  // devServer: {
  //   proxy: "http://localhost:8000",
  // },

  // 2、代理高级配置
  devServer: {
    proxy: {
      // 凡是请求路径以/server1开始的，都在8000这个代理
      "/server1": {
        target: "http://localhost:8000",
        pathRewrite: { "^/server1": "" }  //重写请求路径
      },
      // 凡是请求路径以/server2开始的，都在8001这个代理
      "/server2": {
        target: "http://localhost:8001",
        pathRewrite: { "^/server2": "" }  //重写请求路径
      },
      //这是我们写数据库的代理
      "/api": {
        //target 我们要连接的后端地址
        target: 'http://localhost:3000',
        changeOrigin: true, //是否跨域
        pathRewrite: { '^/api': "" }
      },
    }
  }
})
